<template>
  <div class="balance_fx" v-show="this.$store.state.balanceShow">
    <div class="balance">
      <div class="balance_l">
          <img src="@/assets/scan.png" alt srcset>
          <span>支付宝</span>
      </div>
       <div class="balance_r">
          <img  src="@/assets/scan.png" alt srcset>
          <span>微信</span>
      </div>
      <div class="closebtn" @click="$store.commit('SETBALANCE')">关闭</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {},
  created() {},
  computed: {},
  methods: {}
};
</script>
<style lang="scss" scoped>
.balance_fx{
    .balance{
        position: relative;
        width: 400px;
        height: 200px;
        background: #ececec;
        border: 1px solid #999;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        .balance_l{
            margin-right: 20px;
        }
        .balance_l,.balance_r{
            display: flex;
            flex-direction: column;
        }
        img{
            width: 100px;

        }
        .closebtn{
            position: absolute;
            bottom: 0px;
            cursor: pointer;
        }
    }
}
</style>


